<!DOCTYPE html>
<html lang="zh-CN"
	  xmlns:th="http://www.thymeleaf.org"
	  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta name="author" content="" />
<!-- css -->
	<link th:href="@{/qianduanStaticResource/css/bootstrap.min.css}" rel="stylesheet"/>
	<link th:href="@{/qianduanStaticResource/css/fancybox/jquery.fancybox.css}" rel="stylesheet">
	<link th:href="@{/qianduanStaticResource/css/flexslider.css}" rel="stylesheet"/>
	<link th:href="@{/qianduanStaticResource/css/style.css}" rel="stylesheet"/>


	<script type="text/javascript" th:src="@{/qianduanStaticResource/jquery.flexslider.js}"></script>

	<script type="text/javascript" th:src="@{/qianduanStaticResource/jquery.easing.1.3.js}"></script>
	<script type="text/javascript" th:src="@{/qianduanStaticResource/animate.js}"></script>
	<script type="text/javascript" th:src="@{/qianduanStaticResource/modernizr.custom.js}"></script>


<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

</head>
<body>
<div id="wrapper">
<div class="topbar">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <p class="pull-left hidden-xs"><i class="fa fa-clock-o"></i><span>Mon - Sat 8.00 - 18.00. Sunday CLOSED</span>
        <p class="pull-right"><i class="fa fa-phone"></i>Tel No.(+001) 123-456-789</p>
      </div>
    </div>
  </div>
</div>
	<!-- start header -->
		<header>
        <div class="navbar navbar-default navbar-static-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                  <a class="navbar-brand" href="index.html"><img src="../../static/qianduanStaticResource/img/logo.png" alt="logo"/></a>
                </div>
                <div class="navbar-collapse collapse ">
                    <ul class="nav navbar-nav">
                        <li><a href="index.html">Home</a></li> 
							 <li class="dropdown active">
                        <a href="#" data-toggle="dropdown" class="dropdown-toggle">About Us <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="about.html">Company</a></li>
                            <li><a href="#">Our Team</a></li>
                            <li><a href="#">News</a></li> 
                            <li><a href="#">Investors</a></li>
                        </ul>
                    </li> 
						<li><a href="services.html">Services</a></li>
                        <li><a href="projects.html">Projects</a></li>
                        <li><a href="pricing.html">Pricing</a></li>
                        <li><a href="contact.html">Contact</a></li>
                    </ul>
                </div>
            </div>
        </div>
	</header><!-- end header -->
	<section id="inner-headline">
	<div class="container">
		<div class="row">
			<div class="col-lg-12">
				<h2 class="pageTitle">About Us</h2>
			</div>
		</div>
	</div>
	</section>
	<section id="content">
	<section class="section-padding">
		<div class="container">
			<div class="row showcase-section">
				<div class="col-md-6">
					<img src="../../static/qianduanStaticResource/img/dev1.png" alt="showcase image">
				</div>
				<div class="col-md-6">
					<div class="about-text">
						<h2><span class="coloured">About</span> Company</h2>
						<p>但是为了向您展示如何将所有这种指责快乐和赞美痛苦的错误观念完整地描述了这个系统，并阐述了真相伟大探索者的实际教义，并将其展现在人类幸福的大师建造者中。现场接收燃气温度需要创新的周末。明天要保留小食，但门很棒。香蕉坐着最大的开发商，实用的丁香排球.</p>
						 <p>但是为了向您展示如何将这种谴责享乐和赞美痛苦的错误观念全都完整地描述了这个系统，并阐明了真理的伟大探索者的实际教义，人类幸福的建设者将在..</p>
					</div>
				</div>
			</div>
		</div>
	</section>
	<div class="container">
					
					<div class="about">
				
						
						<div class="row">
							<div class="col-md-4">
								<!-- Heading and para -->
								<div class="block-heading-two">
									<h3><span>Why Choose Us?</span></h3>
								</div>
								<p>但是为了向您展示如何将所有这种指责快乐和赞美痛苦的错误观念完整地描述了这个系统，并阐述了真相伟大探索者的实际教义，并将其展现在人类幸福的大师建造者中。没有乐趣，因为它是痛苦. <br/><br/>但是，这种错误的想法可能使人们没有听说过波斯菊苣的愉悦.</p>
							</div>
							<div class="col-md-4">
								<div class="block-heading-two">
									<h3><span>Our Solution</span></h3>
								</div>		
								<!-- Accordion starts -->
								<div class="panel-group" id="accordion-alt3">
								 <!-- Panel. Use "panel-XXX" class for different colors. Replace "XXX" with color. -->
								  <div class="panel">	
									<!-- Panel heading -->
									 <div class="panel-heading">
										<h4 class="panel-title">
										  <a data-toggle="collapse" data-parent="#accordion-alt3" href="#collapseOne-alt3">
											<i class="fa fa-angle-right"></i> 手风琴标题文本项 # 1
										  </a>
										</h4>
									 </div>
									 <div id="collapseOne-alt3" class="panel-collapse collapse">
										<!-- Panel body -->
										<div class="panel-body">
											但是为了向您展示如何将所有这种指责快乐和赞美痛苦的错误观念完整地描述了这个系统，并阐述了真相伟大探索者的实际教义，并将其展现在人类幸福的大师建造者中。没有快乐就快乐
										</div>
									 </div>
								  </div>
								  <div class="panel">
									 <div class="panel-heading">
										<h4 class="panel-title">
										  <a data-toggle="collapse" data-parent="#accordion-alt3" href="#collapseTwo-alt3">
											<i class="fa fa-angle-right"></i> Accordion Heading Text Item # 2
										  </a>
										</h4>
									 </div>
									 <div id="collapseTwo-alt3" class="panel-collapse collapse">
										<div class="panel-body">
											但是为了向您展示如何将所有这种指责快乐和赞美痛苦的错误观念完整地描述了这个系统，并阐述了真相伟大探索者的实际教义，并将其展现在人类幸福的大师建造者中。没有快乐就快乐
										</div>
									 </div>
								  </div>
								  <div class="panel">
									 <div class="panel-heading">
										<h4 class="panel-title">
										  <a data-toggle="collapse" data-parent="#accordion-alt3" href="#collapseThree-alt3">
											<i class="fa fa-angle-right"></i> Accordion Heading Text Item # 3
										  </a>
										</h4>
									 </div>
									 <div id="collapseThree-alt3" class="panel-collapse collapse">
										<div class="panel-body">
											但是为了向您展示如何将所有这种指责快乐和赞美痛苦的错误观念完整地描述了这个系统，并阐述了真相伟大探索者的实际教义，并将其展现在人类幸福的大师建造者中。没有快乐就快乐
										</div>
									 </div>
								  </div>
								  <div class="panel">
									 <div class="panel-heading">
										<h4 class="panel-title">
										  <a data-toggle="collapse" data-parent="#accordion-alt3" href="#collapseFour-alt3">
											<i class="fa fa-angle-right"></i> 手风琴标题文本项 # 4
										  </a>
										</h4>
									 </div>
									 <div id="collapseFour-alt3" class="panel-collapse collapse">
										<div class="panel-body">
											但是为了向您展示如何将所有这种指责快乐和赞美痛苦的错误观念完整地描述了这个系统，并阐述了真相伟大探索者的实际教义，并将其展现在人类幸福的大师建造者中。没有快乐就快乐
										</div>
									 </div>
								  </div>
								</div>
								<!-- Accordion ends -->
								
							</div>
							
							<div class="col-md-4">
								<div class="block-heading-two">
									<h3><span>Our Expertise</span></h3>
								</div>								
								<h6>Web Development</h6>
								<div class="progress pb-sm">
								  <!-- White color (progress-bar-white) -->
								  <div class="progress-bar progress-bar-red" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
									 <span class="sr-only">40% Complete (success)</span>
								  </div>
								</div>
								<h6>Designing</h6>
								<div class="progress pb-sm">
								  <div class="progress-bar progress-bar-green" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
									 <span class="sr-only">40% Complete (success)</span>
								  </div>
								</div>
								<h6>User Experience</h6>
								<div class="progress pb-sm">
								  <div class="progress-bar progress-bar-lblue" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
									 <span class="sr-only">40% Complete (success)</span>
								  </div>
								</div>
								<h6>Development</h6>
								<div class="progress pb-sm">
								  <div class="progress-bar progress-bar-yellow" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" style="width: 30%">
									 <span class="sr-only">40% Complete (success)</span>
								  </div>
								</div>
							</div>
							
						</div>
						
						 	<section class="section-padding">
		<div class="container">
		 
			 
			<div class="row">
				<div class="col-md-6 col-sm-6">
					<div class="about-text">
					<h3><span>Our Organization</span></h3>
						<p>网格是一个响应式多用途模板。 Lorem ipsum dolor坐下，一直保持着安静的状态。教室里还不知道怎么这样。直到照顾员工libero。 id orci pellentesque在他的蛋白质的大门。现场接收燃气温度需要创新的周末.</p>

						<ul class="withArrow">
							<li><span class="fa fa-angle-right"></span> Lorem ipsum胡萝卜</li>
							<li><span class="fa fa-angle-right"></span> 加强监控程序</li>
							<li><span class="fa fa-angle-right"></span> 教室不知道怎么办</li>
							<li><span class="fa fa-angle-right"></span> 耕种护理人员malesuada.</li>
						</ul> 
					</div>
				</div>
				<div class="col-md-6 col-sm-6">
					<div class="about-image">
						<img src="../../static/qianduanStaticResource/img/about.jpg" alt="About Images">
					</div>
				</div>
			</div>
		</div>
	</section>					
						 
						<br>
						<!-- Our Team starts -->
				  
						<div class="team-six">
							<div class="row">
								<div class="col-md-3 col-sm-6">
									<!-- Team Member -->
									<div class="team-member">
										<!-- Image -->
										<img class="img-responsive" src="../../static/qianduanStaticResource/img/team1.jpg" alt="">
										<!-- Name -->
										<h4>Johne Doe</h4>
										<span class="deg">Creative</span> 
									</div>
								</div>
								<div class="col-md-3 col-sm-6">
									<!-- Team Member -->
									<div class="team-member">
										<!-- Image -->
										<img class="img-responsive" src="../../static/qianduanStaticResource/img/team2.jpg" alt="">
										<!-- Name -->
										<h4>Jennifer</h4>
										<span class="deg">Programmer</span> 
									</div>
								</div>
								<div class="col-md-3 col-sm-6">
									<!-- Team Member -->
									<div class="team-member">
										<!-- Image -->
										<img class="img-responsive" src="../../static/qianduanStaticResource/img/team3.jpg" alt="">
										<!-- Name -->
										<h4>Christean</h4>
										<span class="deg">CEO</span> 
									</div>
								</div>
								<div class="col-md-3 col-sm-6">
									<!-- Team Member -->
									<div class="team-member">
										<!-- Image -->
										<img class="img-responsive" src="../../static/qianduanStaticResource/img/team4.jpg" alt="">
										<!-- Name -->
										<h4>Kerinele rase</h4>
										<span class="deg">Manager</span> 
									</div>
								</div>
							</div>
						</div>
						
						<!-- Our team ends -->
					  
						
					</div>
									
				</div>
	</section>
	<footer>
	<div class="container">
		<div class="row">
			<div class="col-sm-3">
				<div class="widget">
					<h5 class="widgetheading">Our Contact</h5>
					<address>
					<strong>MyHome Inc</strong><br>
					JC Main Road, Near Silnile tower<br>
					 Pin-21542 NewYork US.</address>
					<p>
						<i class="icon-phone"></i> (123) 456-789 - 1255-12584 <br>
						<i class="icon-envelope-alt"></i> email@domainname.com
					</p>
				</div>
			</div>
			<div class="col-sm-3">
				<div class="widget">
					<h5 class="widgetheading">Quick Links</h5>
					<ul class="link-list">
						<li><a href="#">最新活动</a></li>
						<li><a href="#">条款和条件</a></li>
						<li><a href="#">隐私政策</a></li>
						<li><a href="#">事业</a></li>
						<li><a href="#">联系我们</a></li>
					</ul>
				</div>
			</div>
			<div class="col-sm-3">
				<div class="widget">
					<h5 class="widgetheading">Latest posts</h5>
					<ul class="link-list">
						<li><a href="#">Lorem ipsum dolor坐在amet，私立教育精英.</a></li>
						<li><a href="#">适用于Android和排球。但是每次保留</a></li>
						<li><a href="#">指责快乐和痛苦的错误观念</a></li>
					</ul>
				</div>
			</div>
			<div class="col-sm-3">
					<div class="widget">
					<h5 class="widgetheading">Recent News</h5>
					<ul class="link-list">
						<li><a href="#">Lorem ipsum dolor坐在amet，私立教育精英.</a></li>
						<li><a href="#">适用于Android和排球。但是每次保留</a></li>
						<li><a href="#">指责快乐和痛苦的错误观念</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div id="sub-footer">
		<div class="container">
			<div class="row">
				<div class="col-sm-6">
					<div class="copyright">
						<p>
							版权所有©2017公司名称保留所有权利.<a target="_blank" href="http://www.mycodes.net/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
						</p>
					</div>
				</div>
				<div class="col-sm-6">
					<ul class="social-network">
						<li><a href="#" data-placement="top" title="Facebook"><i class="fa fa-facebook"></i></a></li>
						<li><a href="#" data-placement="top" title="Twitter"><i class="fa fa-twitter"></i></a></li>
						<li><a href="#" data-placement="top" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
						<li><a href="#" data-placement="top" title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
						<li><a href="#" data-placement="top" title="Google plus"><i class="fa fa-google-plus"></i></a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	</footer>
</div>
<a href="#" class="scrollup"><i class="fa fa-angle-up active"></i></a>
<!-- javascript
    ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="../../static/qianduanStaticResource/js/jquery.js"></script>
<script src="../../static/qianduanStaticResource/js/jquery.easing.1.3.js"></script>
<script src="../../static/qianduanStaticResource/js/bootstrap.min.js"></script>
<script src="../../static/qianduanStaticResource/js/jquery.fancybox.pack.js"></script>
<script src="../../static/qianduanStaticResource/js/jquery.fancybox-media.js"></script>
<script src="../../static/qianduanStaticResource/js/jquery.flexslider.js"></script>
<script src="../../static/qianduanStaticResource/js/animate.js"></script>
<!-- Vendor Scripts -->
<script src="../../static/qianduanStaticResource/js/modernizr.custom.js"></script>
<script src="../../static/qianduanStaticResource/js/jquery.isotope.min.js"></script>
<script src="../../static/qianduanStaticResource/js/jquery.magnific-popup.min.js"></script>
<script src="../../static/qianduanStaticResource/js/animate.js"></script>
<script src="../../static/qianduanStaticResource/js/custom.js"></script>
</body>
</html>